html { font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

.trans {
    -o-transition: color .4s ease-out;
    -ms-transition: color .4s ease-out;
    -moz-transition: color .4s ease-out;
    -webkit-transition: color .4s ease-out;
}

/*Fade IN Drop Down*/
div {
    display: block;
    -webkit-transition: opacity 1s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
}

div.active {
    opacity: 1;
    height: auto;
}

jQuery temp
|| $('#sub_menu').hasClass("hovered") || $('.submenu_dropdown').hasClass("hovered")